<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <!-- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> -->
    <style>
       /* .row{
            margin-bottom: 20px;
        }
        .row .row{
            margin-top:10px;
            margin-bottom: 0;
        }
        [class*="col-"]{
            padding:15px 0;
            background-color: #eee;
            background-color: rgba(85,60,122,.15);
            border: 1px solid #ddd;
            border:1px solid rgba(85,60,122,.2);
        }*/
    </style>
</head>
<body>
    <div class="container">
        <h1>我的首页</h1>
        <h2>我的首页</h2>
        <h3>我的首页</h3>
        <h4>我的首页 <small>欢迎你的到来</small></h4>
        <p>sjkfjsfjjelloa<abbr title="attribute">hello</abbr></p>
        <p class="lead">sjkfjsfj</p>
        <p>sjkfjsfj <mark>欢迎你的到来</mark></p>
        <del></del>

        <p class="text-left">你好</p>
        <p class="text-right">你好</p>
        <p class="text-center">你好</p>
        <p class="text-lowercase">dgjkd</p>
        <p class="text-uppercase">dsjhjs</p>
        <p class="text-capitalize">kjasvjh</p>

        <address>
            <strong>jdhsjdv <br></strong>
            南宁<br>
            昭阳路13
            <abbr title="Phone">P:8888 8888</abbr>
        </address>
    </div>
    <div class="container">
        <div class="row">
           <div class="col-md-1">col-md-1</div> 
           <div class="col-md-1">col-md-1</div> 
           <div class="col-md-1">col-md-1</div> 
           <div class="col-md-1">col-md-1</div> 
           <div class="col-md-1">col-md-1</div> 
           <div class="col-md-1">col-md-1</div> 
           <div class="col-md-1">col-md-1</div> 
           <div class="col-md-1">col-md-1</div> 
           <div class="col-md-1">col-md-1</div> 
           <div class="col-md-1">col-md-1</div> 
           <div class="col-md-1">col-md-1</div> 
           <div class="col-md-1">col-md-1</div> 
        </div>
    </div>
    <div class="container">
        <form action="" role="form" class="form-inline">
            <div class="form-group">
                <label >name:</label>
                <input type="text" class="form-control" placeholder="userName">
            </div>
            <div class="form-group">
                <label >pwd:</label>
                <input type="password" class="form-control" placeholder="password">
            </div>
        </form><br>
        <form action="" role="form" class="form-horizontal">
            <div class="form-group">
                <label class="col-sm-2 control-label">name:</label>
                <div class="col-sm-10 "> 
                    <input type="text" class="form-control"   placeholder="userName">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">pwd:</label>
                <div class="col-sm-10">
                    <input type="password" class="form-control"  placeholder="password">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-10 col-sm-offset-2">
                    <div class="checkbox">
                        <label>
                            <input type="checkbox">记住密码
                        </label>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-10 col-sm-offset-2">
                    <button type="submit" class="btn btn-defualt">登录</button>
                </div>
            </div>
        </form>
    </div>
    
    
    <br>
    <div class="container">
        <div class="btn-wrap">
            <div class="btn-group btn-group-justified">
              <a class="btnbtn-default" href="#">首页</a>
              <a class="btnbtn-default" href="#">产品展示</a>
              <a class="btnbtn-default" href="#">案例分析</a>
              <a class="btnbtn-default" href="#">联系我们</a>
            </div>
        </div>
        <div class="btn-group">
            <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">下拉按钮<span class="caret"></span></button>
            <ul class="dropdown-menu">
                <li><a href="#">按钮1</a></li>
                <li><a href="#">按钮2</a></li>
                <li><a href="#">按钮3</a></li>
            </ul>
        </div>
    </div>
    
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.js"></script>
</body>
</html>